<style type="text/css">
.popUpWinBack{
  position: absolute;
  background: #00c0ef;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0.2;
  z-index: 1040;
}
.popUpbox{
  position: absolute;
  width: 300px;
  height: 135;
  left: 45%;
  top: 27%;
  z-index: 1050;
}
</style>
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
              <h3 class="box-title">优惠卷列表</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th >图片</th>
                  <th>NAME1</th>
                  <th>NAME1</th>
                  <th>NAME1</th>
                  <th>NAME1</th>
                  <th>操作</th>
                </tr>
                </thead>
                <tbody id="list">

                </tbody>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
      <div id="popUpWin" style="display:none;">
        <div class="popUpWinBack"></div>
        <div class="box popUpbox">
          <div class="box-header" style="background: #059ec470;color:#fff;text-align: center;" ><h3 class="box-title">确认</h3>  </div>  
          <div class="box-body">     
            <p>提示信息</p>     
            <div class="margin">          
              <!-- <button type="button" class="btn btn-block btn-success btn-lg">Success</button> -->
              <div class="btn-group"> <button id="confirmbox" class="btn btn-success" class="btn btn-block btn-success btn-lg">确认</button></div>          
              <div class="btn-group" style="float: right;"><button  id="cancelbox" class="btn btn-danger ">取消</button></div>
            </div> 
          </div>
        </div>
      </div>
    </section>

    <script type="text/javascript">
      //
      // $('.popUpWinBack').height($(window).height());
      // $('.popUpWinBack').width($(document.body).width());
      function popUpwin(data,field,button=[])
      { 
          var opera ={};
          opera.popoutcode =    '';
          $('#PopUpa').click(function(){
            $('#popUpWin').css('display','inherit');
          });

      }
      function confirm(param={}){
        $('#cancelbox').click(function(){
                $('#popUpWin').css('display','none');
            });
        $('#confirmbox').click(function(){
                commonAjax("usecode",2,[],param);
                $('#popUpWin').css('display','none');
            });
      }
       
      var button = new Array();
      button[0] = '<a id="PopUpa" class="btn btn-info pull-right">兑换</a>'
      //alert(111);
      // var field = ['isuse','code','date','use_date','business_id','business_id'];
      var field = ["imgurl","name","original_count","order_count","has_draw"];
      //debugger;
      var param = {};
      param.code = GetQueryString('code');
      commonAjax(action,2,field,param,button);
      popUpwin();
      confirm(param); 

    </script>

    